<template>
  <draggable
    class="list-group"
    :list="list"
    :group="group"
    animation="500"
    itemKey="topicContent"
  >
    <template #item="{ element }">
      <el-menu-item>{{ element.topicContent }}</el-menu-item>
    </template>
  </draggable>
</template>

<script lang="ts" >
import { onMounted, toRefs } from "vue-demi";
import draggable from "vuedraggable";
export default {
  components: {
    draggable,
  },
  props: {
    group: String,
    list: Array,
  },
  setup(props) {
    const test = onMounted(() => {
      console.log(props.group);
    });
    return {
      test,
      ...toRefs(props),
    };
  },
};
</script>